revision:
The <i> tag - or idiomatic text element - defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic.
The <i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc. Use this element only when there is not a more appropriate semantic element, (e.g. <em>, <strong>, <mark>, <cite>, <dfn>
The "lang" attribute must be used inside the <i> tag to define the language for the words from other languages.
<i> . . . </i>
Lorem ipsum is the most popular filler text in history.
code:
<p class="spec"><i>Lorem ipsum</i> is the most popular filler text
in history.</p>
The RMS Titanic, a luxury steamship, sank on April 15, 1912 after striking an iceberg.
code:
<p class="spec">The <i>RMS Titanic</i>, a luxury steamship, sank
on April 15, 1912 after striking an iceberg.</p>
I looked at it and thought This can't be real!
code:
<p class="spec">I looked at it and thought <i>This can't be real!</i></p>
Musa is one of two or three genera in the family Musaceae; it includes bananas and plantains.
code:
<p class="spec"><i class="latin">Musa</i> is one of two or three genera in
the family <i class="latin">Musaceae</i>; it includes bananas and plantains.</p>
The term bandwidth describes the measure of how much information can pass through a data connection in a given amount of time.
code:
<p class="spec">The term <i>bandwidth</i> describes the measure of how much
information can pass through a data connection in a given amount of time.</p>
hola is a Spanish word for Hello.
code:
<p class="spec"><i lang='es'>hola</i> is a Spanish word for Hello.</p>